<template>
  <div class="card-container" style="height: 600px; overflow-y: auto">
    <div class="sever-info">
      <div>
        <span>msisdn</span><span>{{ lxCardDetail.msisdn }}</span>
      </div>
      <div>
        <span>iccid</span><span>{{ lxCardDetail.iccid }}</span>
      </div>
      <div>
        <span>imsi</span><span>{{ lxCardDetail.imsi }}</span>
      </div>
      <div>
        <span>imsi2</span><span>{{ lxCardDetail.imsi2 }}</span>
      </div>

      <div>
        <span>运营商</span><span>{{ lxCardDetail.carrier }}</span>
      </div>
      <div>
        <span>短信端口号</span><span>{{ lxCardDetail.sp_code }}</span>
      </div>

      <div>
        <span>套餐大小</span><span>{{ lxCardDetail.data_plan }}</span>
      </div>
      <div>
        <span>计费结束日期</span><span>{{ lxCardDetail.expiry_date }}</span>
      </div>

      <div>
        <span>当月流量</span><span>{{ lxCardDetail.data_usage }}</span>
      </div>
      <div>
        <span>卡状态</span><span>{{ lxCardDetail.account_status }}</span>
      </div>
      <div>
        <span>是否激活</span
        ><span>{{ lxCardDetail.active ? '激活' : '未激活' }}</span>
      </div>
      <div>
        <span>测试期起始日期</span
        ><span>{{ lxCardDetail.test_valid_date }}</span>
      </div>
      <div>
        <span>沉默期起始日期</span
        ><span>{{ lxCardDetail.silent_valid_date }}</span>
      </div>
      <div>
        <span>出库日期</span><span>{{ lxCardDetail.outbound_date }}</span>
      </div>

      <div>
        <span>激活日期</span><span>{{ lxCardDetail.active_date }}</span>
      </div>

      <div>
        <span>是否支持短信</span
        ><span>{{ lxCardDetail.support_sms ? '支持' : '不支持' }}</span>
      </div>
      <div>
        <span>剩余流量</span><span>{{ lxCardDetail.data_balance }}</span>
      </div>
      <div>
        <span>测试期已用流量</span
        ><span>{{ lxCardDetail.test_used_data_usage }}</span>
      </div>
      <div>
        <span>sim卡类型</span><span>{{ lxCardDetail.sim_type }}</span>
      </div>
      <div>
        <span>是否是累计卡</span
        ><span>{{ lxCardDetail.accumulated ? '是' : '否' }}</span>
      </div>
      <div>
        <span>计费组code</span><span>{{ lxCardDetail.code }}</span>
      </div>
      <div>
        <span>总流量</span><span>{{ lxCardDetail.data_traffic_amount }}</span>
      </div>
      <div>
        <span>计费起始日期</span><span>{{ lxCardDetail.valid_date }}</span>
      </div>
      <div>
        <span>超出用量</span><span>{{ lxCardDetail.out_data_usage }}</span>
      </div>
      <div>
        <span>标签</span><span>{{ lxCardDetail.customize_comment }}</span>
      </div>
      <div>
        <span>销户月份</span><span>{{ lxCardDetail.inactive_month }}</span>
      </div>
    </div>
  </div>
</template>
<script setup lang="tsx">
defineProps({
  lxCardDetail: {
    type: Object,
    default: () => {},
  },
});
</script>
